﻿body {
   
    color:blue;
    background-image:url('../../imgs/security2.jpg');
    background-repeat:no-repeat;
    background-position:100px -100px;
    background-color:black;
   
    
}
input[type=text] {
    background-color:rgba(0,0,0,0.4);
    border-color:blue;
    color:white;
}

input[type=password] {
    background-color:rgba(0,0,0,0.4);
    border-color:blue;
    color:white;
}
    #wrapper > header {
        color:blue;
        text-align:center;
    }

#adminsContainer {  
    height:500px;
    overflow: auto;
}

ul {
    list-style-image:url(../../imgs/Keys-icon.png)
}

#userContainer {
    color:blue;
    padding-top:30px;
    padding-left:30px;
    background-image:url('../../imgs/User-Files-icon.png');
    background-repeat:no-repeat;
    height:300px;
}

a {
    color:blue;
    text-decoration:none;
}

#button {
    position:absolute;
    top:10px;
    right:100px;
    padding:5px 10px;
    border:1px solid blue;
    border-radius:10px;
    
}
    #button:hover {
        background-color:darkblue;
        color:white;
    }

button {
    background-color:black;
    color:blue;
    border-color:blue;
    border-radius:10px;
}
    button:hover {
        background-color:darkblue;
        color:white;
    }

.post-item,
.post-item a {
    color: white;
}
.post-item {
    width: 500px;
    background: #424242;
    margin-bottom: 5px;
    opacity: 0.8
}
    
    .post-item span a {
        width: 300px;
    }

    .button {
        display: inline-block;
        margin-bottom: 4px;
        background: #00C4EB;
        border: 1px solid white;
        padding: 2px;
    }
#user
{
    color: #00F300;
}
header h1
{
    color: white;
    background: #02829C;
}
    